<style>
    .lookOrd_table{
        margin-left:10px;
    }
     .lookOrd_table tr{
        font-size:20px;
        height:26px;
    }
    .lookOrd_hot,.lookOrd_img{
        width:12px;
        height:15px;
        background-color:#ED3C45;
        padding:3px;
        font-size:12px;
        margin-right:2px;
        color:white;
    }
    .lookOrd_img{
        background-color:#3DC879;
    }
    .lookOrd_but,.lookOrd_but1{
        height:24px;
        width:45px;
        font-size:20px;
        color:white;
        background-color:#3DC879;
        border:none;
        line-height:22px;
    }
    .lookOrd_but1{
        background-color:#ED3C45;
    }
    tr :nth-child(2){
        color:rgb(200, 200, 200);
        font-size: 90%;
    }
    button[ng-disabled=true]{
        background-color: red;
    }
</style>
<div>
     <form action="">
         <table class="table table-striped lookOrd_table" >
             <caption>
                 <span style="font-size:22px;height:26px;line-height:26px;font-weight:600">
                     订单详情
                 </span>
             <tbody style="border-top:35px solid #E0DED6">
                 <tr>
                     <td>线路名称：</td>
                     <td style="width:70%;">
                         {{order.routeName}}
                     </td>
            <tr>
                <td>下单用户：</td>
                <td style="width:70%;">
                    {{order.nickName}}
                </td>
            </tr>
             <tr>
                <td>期待旅游时间：</td>
                 <td style="width:70%;">
                    从 {{order.startTime}} 至 {{order.endTime}}
                 </td>
            </tr>
             <tr>
                <td>价格：</td>
                 <td style="width:70%;">
                {{order.cost}}￥
                 </td>
            </tr>
            <tr>
                <td>下单时间：</td>
                 <td style="width:70%;">
                     {{order.bookTime}}
                 </td>
            </tr>
            <tr>
                <td>订单状态</td>
                 <td>
                    {{order.state|ordStateTran}}
                 </td>
            </tr>
            
            <tr>
                <td>

                </td>
                <td style="height:100px">
                    <button ng-click="agree(order)" ng-disabled="flag" style="margin-top:30px;height:40px;border-radius:3px;font-size:18px;background-color:#3DC879;color:white;border:none;width:100px">
                        通过预准
                    </button>
                    <button style="height:25px;border-radius:8px;font-size:14px;background-color:gray;color:white;border:none;width:50px">
                        <a href="#/app/ordMana" style="text-decoration:none;color:white">
                        取消
                        </a>
                    </button>
                </td>
            </tr>
         </tbody>
        
    </table>
     </form>
</div>